<!DOCTYPE html>
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <title>节点操作模块</title>
        <script>
            window.$$path = location.protocol + "//" + location.host;
            document.write('<script src="' + $$path + '/mass_merge.js"><\/script>')
            document.write('<script src="' + $$path + '/doc/scripts/common.js"><\/script>')
        </script>
    </head>
    
    <body>
        <article>
            <h3>节点操作模块</h3>
            <p>
                <span class="stress">描述：</span>
            </p>
            <p>mass Framework的
                <span class="stress">最重要的模块</span>，提供节点的基本操作（查找，创建，插入，删除，复制）。它直接依赖于 四个模块:class(提供扩展机制),support（提供特征嗅深，以使用更好的原生API）,query（提供选择器）,data(复制事件时用到)。</p>
            <p>
                <span class="stress">主要API一览：</span>
            </p>
            <p>实例方法：</p>
            <table class="table-dark">
                <thead>
                    <tr>
                        <th>API</th>
                        <th>解说</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>init</td>
                        <td>等同于$，集seletor，domReady， htmlParser于一身！</td>
                    </tr>
                    <tr>
                        <td>toString</td>
                        <td>将它的所有节点的tagName放到一个数组返回</td>
                    </tr>
                    <tr>
                        <td>valueOf</td>
                        <td>将它的所有节点放到一个数组返回</td>
                    </tr>
                    <tr>
                        <td>length</td>
                        <td>将它的所有节点的个数返回</td>
                    </tr>
                    <tr>
                        <td>mass</td>
                        <td>当前框架的版本号，等同于$.mass</td>
                    </tr>
                    <tr>
                        <td>slice</td>
                        <td>取得它的同一部分节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>get</td>
                        <td>将它的一部分节点或所有节点放进一个数组返回</td>
                    </tr>
                    <tr>
                        <td>eq</td>
                        <td>slice方法的变种，将索引值等于传参的那个节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>gt</td>
                        <td>slice方法的变种，将索引值大于传参的那些节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>lt</td>
                        <td>slice方法的变种，将索引值小于传参的那些节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>first</td>
                        <td>slice方法的变种，将它的第一个节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>last</td>
                        <td>slice方法的变种，将它的最后一个节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>odd</td>
                        <td>将它的所有索引值为奇数的那些节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>even</td>
                        <td>将它的所有索引值为偶数的那些节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>each</td>
                        <td>对它的每一个节点放入回调中执行</td>
                    </tr>
                    <tr>
                        <td>map</td>
                        <td>对它的每一个节点放入回调中执行，并收集返回结果，再封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>collect</td>
                        <td>对它的每一个节点放入回调中执行，并收集返回结果</td>
                    </tr>
                    <tr>
                        <td>clone</td>
                        <td>克隆一个mass对象，它里面节点都会被深克隆</td>
                    </tr>
                    <tr>
                        <td>html</td>
                        <td>取得第一个节点的innerHTML或设置所有节点的innerHTML</td>
                    </tr>
                    <tr>
                        <td>text</td>
                        <td>取得第一个节点的innerText或设置所有节点的innerText</td>
                    </tr>
                    <tr>
                        <td>push</td>
                        <td>模拟原生数组的push行为，但返回的是一个mass对象</td>
                    </tr>
                    <tr>
                        <td>unshift</td>
                        <td>模拟原生数组的unshift行为，但返回的是一个mass对象</td>
                    </tr>
                    <tr>
                        <td>pop</td>
                        <td>模拟原生数组的pop行为，但返回的是一个mass对象</td>
                    </tr>
                    <tr>
                        <td>shift</td>
                        <td>模拟原生数组的shift行为，但返回的是一个mass对象</td>
                    </tr>
                    <tr>
                        <td>splice</td>
                        <td>模拟原生数组的splice行为，但返回的是一个mass对象</td>
                    </tr>
                    <tr>
                        <td>sort</td>
                        <td>模拟原生数组的sort行为，但返回的是一个mass对象，sort默认是根据节点在DOM树上的上下左右而排序。</td>
                    </tr>
                    <tr>
                        <td>reverse</td>
                        <td>模拟原生数组的reverse行为，但返回的是一个mass对象</td>
                    </tr>
                    <tr>
                        <td>remove</td>
                        <td>将它包含的所有节点移出DOM树，并清理它们所引用的数据</td>
                    </tr>
                    <tr>
                        <td>empty</td>
                        <td>将它包含的所有节点的孩子移出DOM树，并清理那些孩子所引用的数据</td>
                    </tr>
                    <tr>
                        <td>append</td>
                        <td>在它所包含的所有节点的内部的后面插入新节点</td>
                    </tr>
                    <tr>
                        <td>prepend</td>
                        <td>在它所包含的所有节点的内部的前面插入新节点</td>
                    </tr>
                    <tr>
                        <td>before</td>
                        <td>在它所包含的所有节点的外部的前方插入新节点</td>
                    </tr>
                    <tr>
                        <td>before</td>
                        <td>在它所包含的所有节点的外部的后方插入新节点</td>
                    </tr>
                    <tr>
                        <td>replace</td>
                        <td>将它所包含的所有节点都替换成新节点</td>
                    </tr>
                    <tr>
                        <td>appendTo</td>
                        <td>append的反转操作，原来是A插入到B，现在是B插入到A</td>
                    </tr>
                    <tr>
                        <td>prependTo</td>
                        <td>prepend的反转操作，原来是A插入到B，现在是B插入到A</td>
                    </tr>
                    <tr>
                        <td>beforeTo</td>
                        <td>before的反转操作，原来是A插入到B，现在是B插入到A</td>
                    </tr>
                    <tr>
                        <td>afterTo</td>
                        <td>after的反转操作，原来是A插入到B，现在是B插入到A</td>
                    </tr>
                    <tr>
                        <td>replaceTo</td>
                        <td>replace的反转操作，原来是A被B替换掉，现在是B被A替换掉</td>
                    </tr>
                    <tr>
                        <td>find</td>
                        <td>在当前找到的节点的孩子中，寻找匹配给定的CSS表达式的节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>filter</td>
                        <td>在当前找到的节点中，寻找匹配给定的CSS表达式的节点，封装成mass对象返回</td>
                    </tr>
                    <tr>
                        <td>not</td>
                        <td>在当前找到的节点中，寻找不匹配给定的CSS表达式的节点，封装成mass对象返回。not与filter是一组，而不是与is!</td>
                    </tr>
                    <tr>
                        <td>is</td>
                        <td>判定当前节点是否匹配给定的CSS表达式</td>
                    </tr>
                    <tr>
                        <td>has</td>
                        <td>在当前的节点中，往下遍历他们的后代，收集匹配给定的CSS表达式的节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>closest</td>
                        <td>在当前的节点中，往上遍历他们的祖先，收集最先匹配给定的CSS表达式的节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>index</td>
                        <td>返回指定节点在其所有兄弟中的位置</td>
                    </tr>
                    <tr>
                        <td>parent</td>
                        <td>在当前的节点中，收集其父节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>parents</td>
                        <td>在当前的节点中，往上遍历他们的祖先，收集匹配给定的CSS表达式的节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>parentsUntil</td>
                        <td>在当前的节点中，往上遍历他们的祖先直到某个位置，收集匹配给定的CSS表达式的节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>next</td>
                        <td>在当前的节点中，收集其最近的右边的元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>nextAll</td>
                        <td>在当前的节点中，收集其右边的元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>nextUntil</td>
                        <td>在当前的节点中，收集其右边的元素节点直接某个位置，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>prev</td>
                        <td>在当前的节点中，收集其左边的元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>prevAll</td>
                        <td>在当前的节点中，收集其左边的元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>prevUntil</td>
                        <td>在当前的节点中，收集其左边的元素节点直接某个位置，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>children</td>
                        <td>在当前的节点中，收集其子元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>siblings</td>
                        <td>在当前的节点中，收集其兄弟元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>contents</td>
                        <td>在当前的节点中，收集其后代中元素节点，封装成新mass实例返回。</td>
                    </tr>
                    <tr>
                        <td>data</td>
                        <td>为匹配的节点们绑定或读取数据。</td>
                    </tr>
                    <tr>
                        <td>removeData</td>
                        <td>为匹配的节点们移除数据。</td>
                    </tr>
                </tbody>
            </table>
            <p>静态方法：</p>
            <table class="table-dark">
                <thead>
                    <tr>
                        <th>API</th>
                        <th>解说</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>contains</td>
                        <td>判定节点A是否包含节点B</td>
                    </tr>
                    <tr>
                        <td>match</td>
                        <td>判定节点是否匹想给定的CSS表达式</td>
                    </tr>
                    <tr>
                        <td>parseHTML</td>
                        <td>将一个字符串变成文档碎片</td>
                    </tr>
                </tbody>
            </table>
        </article>
    </body>

</html>